@extends('default.mobile.layouts.indexPublic')
@section('title')个人会员登录 | {{Site::get('webname')}} @endsection
{{--首页css--}}
@section('headcss')
    @parent
    <link rel="stylesheet" href="{{asset('/default/css/mobile/index/register_login.css')}}">
@endsection
{{--头部标签--}}
@section('tag','个人登录')

{{--主体内容--}}
@section('content')
        <!-- E 头部 -->
    <div class="main">
        <ul class="menu">
            <li class="on">普通登录</li>
            <li>手机动态码登录</li>
        </ul>
        {{--普通登录--}}
        <div class="register_login oLogin">
            <form action="{{url('mobile/personal/welcome')}}" onsubmit="return checkPersonal('#personalForm')" method="post" id="personalForm"  name="personalForm" >
                {{csrf_field()}}
                <ul>
                    <li><i class="icon_rl06"></i><input type="text" name="username" id="username" autocomplete="off"  placeholder="请输入用户名/手机号码"></li>
                    <li><i class="icon_rl07"></i><input type="password" name="password" id="password" placeholder="请输入密码"></li>
                </ul>
                <div class="forget">
                    <span>
                        <input name="remember" type="checkbox" class="agree" checked id="remember">
                        <label for="remember">记住密码</label>
                    </span>
                    <span class="forgetPass"><a href="{{url('mobile/personal/find_password')}}">忘记密码？</a></span>
                </div>
                <div class="sub"><input type="submit" value="立即登陆"></div>
                <div class="noPerson"><p>还不是个人会员? <a href="{{url('mobile/personal/register')}}">立即注册</a>&nbsp&nbsp<a href="{{ url("personal/qqlogin") }}">QQ一键登录</a></p></div>
            </form>
        </div>
        {{--手机登录--}}
        <div class="register_login mobLogin"  style="display: none" >
            <form action="{{url('mobile/personal/welcome')}}" onsubmit="return checkMobile('#mobForm')" method="post" id="mobForm"  name="mobForm" >
                {{csrf_field()}}
                <ul>
                    <li><i class="icon_rl05"></i><input type="text" name="mobile" value="{{request('mobile')}}" id="mobile" autocomplete="off"  placeholder="请输入手机号码"></li>
                    <li><i class="icon_rl07"></i><input type="text" name="mobCode" id="mobCode"  autocomplete="off"  placeholder="请输入验证码" class="inp02">
                        <input name="mobcode" id="mobcode" type="button" onclick="getModCode($(this),$('#mobile'))" class="code" value="获取验证码">
                </ul>
                <div class="forget">
                    <span class="forgetPass"><a href="{{url('mobile/personal/find_password')}}">忘记密码？</a></span>
                </div>
                <div class="sub"><input type="submit" value="立即登陆"></div>
                <div class="noPerson"><p>还不是个人会员? <a href="{{url('mobile/personal/register')}}">立即注册</a>&nbsp&nbsp<a href="{{ url("personal/qqlogin") }}">QQ一键登录</a></p></div>
            </form>
        </div>
    </div>

    {{--尾部--}}
    @include('default.mobile.layouts.footer')
@endsection

@section('footerjs')
    @parent
    <script>
        var imgCode = "{{captcha_src('code')}}" + Math.random();
        var _token = "{{csrf_token()}}";
        //获取手机号码
        $(function(){
            if('{{request('mobile')}}' != ''){
                $('.main .menu').find('ul li').eq(1).addClass('on').siblings().removeClass('on');
                $('.oLogin').hide();
                $('.mobLogin').show();
            }
        });
    </script>
    <script type="text/javascript" src="{{asset('/default/js/mobile/personal/login.js')}}"></script>
@endsection